<script setup>
import {ref} from "vue";
import router from "@/router/index.js";

const printContent = ref('printContent')
const save = () =>{}
const preview = () =>{

  const url = router.resolve({ name: 'preview' }).href;
  window.open(url, '_blank');

  // const url = router.push('/preview')
  // window.open(url, '_blank');

  // const test = printContent.value.innerHTML
  // console.log(test)
  // // 打开一个新的窗口
  // const newWindow = window.open('', '_blank');
  //
  // // 写入新的窗口的内容
  // newWindow.document.write(`
  //     <html>
  //       <head>
  //         <title>预览</title>
  //         <style>
  //           /* 可以在这里添加一些样式来控制打印页面的样式 */
  //           body {
  //             font-family: Arial, sans-serif;
  //             padding: 20px;
  //           }
  //         </style>
  //       </head>
  //       <body>
  //         ${test}
  //       </body>
  //     </html>
  //   `);
  //
  // // 完成文档写入
  // newWindow.document.close();
  //
  // // // 打印预览
  // // newWindow.print();


}
const jumpQuestion = () =>{}
</script>

<template>
  <div class="button-top" style="padding: 2%; margin: 1%">
    <a-button type="primary" size="small" style="margin-left: 2%" @click="jumpQuestion">跳题逻辑</a-button>
    <a-button type="primary" size="small" style="margin-left: 2%" @click="preview">预览</a-button>
    <a-button type="primary" size="small" style="margin-left: 2%" @click="save">保存</a-button>
  </div>
</template>

<style scoped>

</style>